<script setup>
  const $parent = inject('$parent')
  const marqueeItemRef = ref(null)
  onMounted(() => {
    const rect = marqueeItemRef.value.getBoundingClientRect()
    $parent.addChildRect(rect)
  })
</script>

<template>
  <li class="shrink-0" ref="marqueeItemRef">
    <slot />
  </li>
</template>